<script type="text/javascript">
    _this.onLoad(function () {
        Toast.close();
        $(".UI_BarMenu_button").UI_AddClassHover("hover");

        $("#UserInfo .User_name").text(User.role == "guess" ? "Hi Guest" : User.username);

        $("#UserInfo .Avatar").attr("style", "background: url(" + User.avatar + ") no-repeat");
        //$("#UserInfo .User_point").text(User.point + "điểm");

        if (User.isLogin()) {
            $("#UserInfo .NotLogin,.nav_getpass").hide();
            $("#UserInfo .User_info").html('<div class="Info_item">' + (User.fullname == "" ? "Họ tên chưa cập nhật" : User.fullname) + '</div>\n\
                     <div class="Info_item">' + (User.email == "" ? "Email chưa cập nhật" : User.email) + '</div>\n\
                     <div class="Info_item">' + (User.address == "" ? "Địa chỉ chưa cập nhật" : User.address) + '</div>');


            //Menu item: Edit user
            $(".nav_edituser,.nav_changepass,.nav_about").on("tap", function () {
                Infobar.load($(this).data("href"));
            });
            //Menu item: Log out
            $(".nav_logout").on("tap", function () {
                _this.storage.set("menu_flag", "-1");
                User.logout();
                Infobar.hide();
                Infobar.destroy();
                setTimeout(function () {
                    loadSlide(function () {
                        $(".RefreshSlider").removeClass("loading");
                    });
                }, 500);
            });

        } else {
            $(".nav_edituser,.nav_logout,.nav_changepass,#UserInfo .User_info").hide();

            $("#UserInfo .NotLogin a").UI_AddClassHover("hover");

            $("#UserInfo .NotLogin .linkHref, .nav_about").on("tap", function () {
                $("#UserInfo .NotLogin .linkHref").off("tap");
                Infobar.load($(this).data("href"));
            });

            $(".nav_getpass").on("tap", function () {
                Infobar.load("user/getpass");
            });

        }


        if (_this.storage.get("imgbase64") != "") {
            $('.Avatar').css("background-image", "url(" + _this.storage.get("imgbase64") + ")");
        }

        setTimeout(function () {
            $(".UI_BarMenu_button").off("tap");
            $(".UI_BarMenu_button").on("tap", function () {
                if ($(this).hasClass("active")) {
                    $(".UI_BarMenu_button").removeClass("active");
                    $(".UI_BarMenu").removeClass("Menu_nav_show");
                } else {
                    $(this).addClass("active");
                    $(".UI_BarMenu").addClass("Menu_nav_show");

                    setTimeout(function () {
                        $(".UI_BarMenu_layout").on("tap", function () {
                            $(".UI_BarMenu_button").removeClass("active");
                            $(".UI_BarMenu").removeClass("Menu_nav_show");
                            $(".UI_BarMenu_layout").off("tap");
                        });
                    }, 900);
                }
            });
        }, 500);

        $(".UI_BarMenu li a").UI_AddClassHover("hover");

        var rotate = _this.storage.get("avata_rotate") == "" ? 0 : _this.storage.get("avata_rotate");
        $(".User_avatar").attr("class", "User_avatar rotate_" + rotate);

        $("#Avatar_rotate").UI_AddClassHover("hover");
        $("#Avatar_rotate").on("tap", function () {
            rotate = _this.storage.get("avata_rotate") == "" ? 0 : _this.storage.get("avata_rotate");
            rotate = (rotate == 3 ? 0 : parseInt(rotate) + 1);
            _this.storage.set("avata_rotate", rotate);
            $(".User_avatar").attr("class", "User_avatar rotate_" + rotate);
        });
    });
</script>

<a class="UI_BarMenu_button"><span class="fa fa-align-right"></span></a>
<div class="UI_BarMenu">
    <div class="UI_BarMenu_layout"></div>
    <ul>
        <li><a class="nav_about" data-href="user/about">Giới thiệu ứng dụng</a></li>
        <li><a class="nav_edituser" data-href="user/edit">Chỉnh sửa thông tin</a></li>
        <li><a class="nav_getpass" data-href="user/getpass">Lấy lại mật khẩu</a></li>
        <li><a class="nav_changepass" data-href="user/changepass">Thay đổi mật khẩu</a></li>
        <li><a class="nav_logout" data-href="index/index">Thoát</a></li>
    </ul>
</div>
<div id="UserInfo" class="UI_BarBody UI_BarBody_Active FadeIn">
    <div class="User_avatar">
        <div class="Avatar" style="background: url(public/images/avatar.png) no-repeat">
            <input onchange="loadImageFileAsURL(1);" id="photo1" type="file" name="photo" accept="image/*" capture="camera"/>
        </div>
    </div>
    <a id="Avatar_rotate"><span class="fa fa-rotate-right"></span></a>
    <div class="User_name"></div>
    <!--div class="center">
        <div class="User_point">0 điểm</div>
    </div-->
    <div class="User_info"></div>
    <div class="NotLogin">

        <p>Xin chào <b>Guest user</b>, <br/> Hãy đăng nhập để tích điểm nhận thưởng.</p>
        <a class="linkLogin linkHref" data-href="user/login">Đăng nhập</a>
        <a class="linkRegister linkHref" data-href="user/register">Đăng ký nhanh</a>

    </div>
</div>